<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>知乎日报</title>
    <link rel="icon" href="img/icon.png">
    <link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/swiper.css">
</head>
<body>
    <div class="box">
        <!-- 导航条 -->
       <div class="header">
           <div class="h_left">
               <div class="time">
                    <h2>02</h2>
                    <p>三月</p>
               </div>
               <h1>早上好</h1>
           </div>
           <img src="img/touxiang.jpg" alt="" class="tologin">
       </div>
       <div class="content">
           <!-- 轮播图 -->
           <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <!-- <div class="swiper-slide">
                  <img src="http://zhihudaily.me/static/img/pic/20210503/9735624.jpg" alt="">
                  <div class="text">
                      <h1>电影太深刻，观众看不出来，这样创作意义大吗</h1>
                      <span>XXX</span>
                  </div>
              </div>
              <div class="swiper-slide">Slide 2</div>
              <div class="swiper-slide">Slide 3</div>
              <div class="swiper-slide">Slide 4</div> -->
            </div>
            <div class="swiper-pagination"></div>
          </div>
          <!-- 列表数据 -->
          <div class="list">
              <!-- <p>3月01日<span></span></p> -->
              <!-- <div class="item">
                  <div class="item_left">
                     <h2>5分钟阅读5分钟阅读5分钟阅读</h2>
                     <span>XXX·5分钟阅读</span>
                  </div>
                  <img src="img/touxiang.jpg" alt="">
              </div> -->
          </div>
          <div class="loadmore">加载更多</div>
       </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
</body>
</html>